<div class="container-fluid" style="background-color: #464646;padding-top: 15px;padding-bottom: 15px">
    <div class="row" style="max-width: 960px;margin: 0 auto">
        <div class="col-6 col-sm-6 col-md-4 col-lg-4 text-left" id="footer_logo">
            <figure class="figure col-12">
                <figcaption class="figure-caption text-white text-weight-bold" style="font-size: 18px">
                    制作单位
                </figcaption>
                <img src="/images/logo.png" id="footer_logo_img" width="80" class="figure-img img-fluid rounded" alt="">
                <figcaption class="figure-caption text-white" style="font-size: 12px">软件开发创客实验室</figcaption>
            </figure>
        </div>
        <div class="col-6 col-sm-12 col-md-4 col-lg-4">
            <div class="col-12">
                <p class="text-left text-white text-weight-bold" style="font-size: 18px">优秀网站推荐</p>
            </div>
            <div class="col-12">
                <p><a class="text-white text-left" style="font-size: 12px" target="_blank"
                      href="http://www.wxxymakers.com/cklab/index">创客实验室官网</a></p>
                <p><a class="text-white text-left" style="font-size: 12px" target="_blank"
                      href="http://yaokui.ltd:8888/">实验报告在线批阅系统</a></p>
                <p><a class="text-white text-left" style="font-size: 12px" target="_blank"
                      href="http://member.wxxymakers.com/">创客实验室成员管理系统</a></p>
            </div>
        </div>
        <div class="col-6 col-sm-12 col-md-4 col-lg-4">
            <div class="col-12">
                <p class="text-left text-white text-weight-bold" style="font-size: 18px">优秀网站推荐</p>
            </div>
            <div class="col-12">
                <div>
                    <i class="fa fa-phone text-white" aria-hidden="true"></i>
                    <a class="text-white text-left" style="font-size: 12px">服务专线：400 069 0309</a>
                </div>
                <div>
                    <i class="fa fa-envelope-o text-white" aria-hidden="true"></i>
                    <a class="text-white text-left" style="font-size: 12px">Timmhc@qq.com</a>
                </div>
                <div>
                    <i class="fa fa-university text-white" aria-hidden="true"></i>
                    <a class="text-white text-left" style="font-size: 12px">WanXi university 明德楼 508</a></div>
            </div>
        </div>
    </div>

</div>
<div class="container-fluid" style="background-color: #2A2A2A;padding: 7px 0">
    <div class="row" style="max-width: 960px;margin: 0 auto;">
        <div class="text-center col-12" style="font-size: 12px;color: #999">
            ©2021&nbsp;&nbsp;版权均归
            <a class="text-white" href="https://www.cnblogs.com/toughtful/" target="_blank" style="font-family: 'STKaiti',cursive">Thoughtful</a>所有&nbsp;
            ICP证：<a href="https://beian.miit.gov.cn/" target="_blank">皖ICP备19009271号</a>
        </div>
    </div>
</div>
<script>
    $(function () {
      function setSize(dom) {
        let offsetWid = document.documentElement.clientWidth;
        if (/(Android)/i.test(navigator.userAgent)){     // 判断是否为Android手机
          offsetWid = screen.width;
        }else if(/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)){  // 判断是否为苹果手机
          offsetWid=document.documentElement.clientWidth;
        }
        if (offsetWid <= 960) {
          dom.addClass('order-12')
          $('#footer_logo_img').css("width", "60px")
        } else {
          dom.removeClass('order-12')
          $('#footer_logo_img').css("width", "80px")
        }
      }
      setSize($('#footer_logo'));
      window.onresize = function () {
        setSize($('#footer_logo'));
      };
    })
</script>
</body>
</html>